<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
    <link rel="stylesheet" type="text/css" href="css/bassic.css">
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
    <script src="js/swiper.min.js"></script>
    <script src="bower_components/react/react.js"></script>
    <script src="bower_components/react/react-dom.min.js"></script>
    <script src="bower_components/react/browser.min.js"></script>
</head>
<body>
    <div class="App">
        <div class="login-header">
            <span class="login_l"><i class="iconfont left">&#xe614;</i></span>
            <span class="login_h">发现</span>
            <span class="login_d"></span>
        </div>

        <div class="mall-content">
            <div class="mall_left">
                <div class="mall_l">
                <p class="jifen">积分商城</p>
                <p class="cate-eat">0元好物在这里</p>
                </div>
                <img src="img/9c9aea0e856149083d84af3444b78jpeg.jpg"/>
            </div>

            <div class="mall_right">
                <div class="cate-t">
                    <div class="cate-t-l">
                    <p class="cate_bao">美味爆料</p>
                    <p class="cate-eat">冰爽美食吃吃吃</p>
                    </div>
                    <img src="img/3b9c4a4dfda1df548dc9274f6a7c1jpeg.jpg"/>
                </div>

                <div class="cate-b">
                    <div class="cate-t-l" style="padding-top:1rem;">
                    <p class="cate-tui">推荐有奖</p>
                    <p class="cate-eat">5元现金拿不停</p>
                    </div>
                    <img style="padding-top:1rem;" src="img/8d42eef97ff4c1c2b671085358541jpeg.jpg"/>
                </div>
            </div>
        </div>

        <div class="find-banner">
            <img src="img/656006edcd86033a1b32b23ddea37jpeg.jpg"/>
        </div>


        <div class="find-main">
            <div class="find-title">
            <p class="find-title-li">限时好礼</p>
            <p class="find-title-hao">小积分换豪礼</p>
            </div>

            <div class="draw">
                <div class="draw-item">
                    <div class="draw-title">抽奖活动</div>
                    <img src="img/47a80976e90c99f40b745cde5246fjpeg.jpg"/>
                    <p>iPhone 7 32G</p>
                    <span class="jifen-coll">399积分</span> <span class="price_i">￥4499</span>
                </div>


                <div class="draw-item">
                    <div class="draw-title">0元抽奖</div>
                    <img src="img/1f4fdd026e7a1550490515df1c899jpeg.jpg"/>
                    <p>3C爆款转出来！</p>
                    <span class="jifen-coll">399积分</span>
                </div>


                <div class="draw-item">
                    <div class="draw-title" style="width:5rem;">非会员专享</div>
                    <img src="img/56b96e484fae208dfd2315d451c34jpeg.jpg"/>
                    <p>饿配送体验卡</p>
                    <span class="jifen-coll">5000...</span> <span class="price_i">￥6</span>
                </div>


            </div>
            <p class="more">查看更多<i class="iconfont right">&#xe613;</i></p>
        </div>
    </div>

</body>
</html>